.workPlan-myWorkPlan,.staff-kanban-rightcontainer {
	.txtbtn{
	color:#59b0f2;
	height:24px;
}
.txtbtnnoselcls{
	color:#929393;
	height:24px;
}
.txtbtncls{
	color:#59b0f2;
	height:24px;
}
.txtbtncls:hover,.txtbtnnoselcls:hover,.txtbtn:hover{
	color:#0E85F4;
}
.statusclass{
	cursor: pointer;
	display:block;text-align:center;width:65px;color:#fff
}

.statusclassnoselect{
	line-height: 20px;height:20px;
}

.statusclassselect{
	line-height: 25px;height:25px;
}

.typespantd{
	vertical-align: bottom;height:34px;
	position:relative;
}

.Lineblack {
	WIDTH: 100%;
	border:0;margin:0;
	border-collapse:collapse;
	border-left:#ececec 1px solid;
	border-top:#ececec 1px solid;
	border-right:#ececec 1px solid;
}

.selectTypeSpan{
	padding-right:20px;
	/* background: url(workplan/calendar/css/images/icons/select_wev8.png)  no-repeat 100%  50%; */
}

.spanhead{
	color: #0e0d0d;
}
	
.titleselectall{
	/* background:url(/images/ecology8/meeting/all_sel_wev8.png) no-repeat; */background-position:0 50%;
}

.titleselectdone{
	/* background:url(/images/ecology8/meeting/done_sel_wev8.png) no-repeat; */background-position:0px 50%;
}

.titleselectnostart{
	/* background:url(/images/ecology8/meeting/nostart_sel_wev8.png) no-repeat; */background-position:0px 50%;
}

.titleselectdoing{
	/* background:url(/images/ecology8/meeting/doing_sel_wev8.png) no-repeat; */background-position:0px 50%;
}
.titleselect{
	background-position:150px 50%;
}

.titleclass{
	background-color:#f7f7f7;
	height:30px;line-height: 30px;width:202px;border-bottom:#e6e6e6 1px solid;
	cursor: pointer;
}
.titleclass:hover{
	background-color:#efefef;
}


.header{
	background-color:#f7f7f7;
	/*background-image:url("16/title_wev8.png");
	background-repeat:repeat;
	background-position-x:0px;
	background-position-y:0px;*/
	border-top-style:none;
	border-top-width:medium;
	border-top-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#e6e6e6;
	border-left-style:none;
	border-left-width:medium;
	border-left-color:#000000;
	border-right-style:none;
	border-right-width:medium;
	border-right-color:#000000;
	height:30px;
	background-position:left center;
}

.icon{
	display:'';
	left:0px;
	top:0px;
	
height:30px;
width:30px;
background:#990099;

}
.icon img{
	margin-left:10px;
	margin-top:10px;

}

.title{
	color:#7b7a7a!important;
	font-style:normal;
	font-size:12px;
	font-weight:normal;
	left:35px;
	top:8px;
}



.rightBorder{
color: #B8B8B8;
height:24px;
line-height:24px;
margin-left: 20px;
margin-right: 20px;
float:left;
padding-top: 5px;
}
.calHd {
height: 30px;
border-bottom: #f7f7f7 1px solid;
}
.calHd .calHdBtn{
	margin-top:5px;margin-bottom:5px;
	line-height:24px;
	text-align:center;
	width:20px;
	height:24px;
	_height:25px;
	cursor:pointer;
	display:inline-block;
	float:left;
	opacity: 1;
	background-position:1px 50%;
}
#cal-month-cc{
	background-color: #f7f7f7;
	}
.calmain
{
	border-bottom:0px solid #fff;
	
}
.printborder {
	border-left:0px solid #fff;
}

.scolltimeevent
{
 	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
	/* border-left:1px solid #d0d0d0; */
	border-bottom:1px solid #d0d0d0;
	padding:0;
	line-height:normal;
}
.wk-top
{
	table-layout:fixed;
	width:100%;
	overflow:hidden;
	line-height:14px;
	border:1px solid #E2E2E2;
	border-left: none;
	border-top: none;

 }
 .wk-top>tbody>:first-child{
				height: 44px;
 }
#gridcontainer {
	height:300px;
	
	position:relative;
	-webkit-user-select:none;
	-khtml-user-select:none;
}
.wk-dayname {
	font-weight:normal;
	color:#606060;
	padding:2px 4px;
	// margin-left:4px;
	border-left: 1px solid #E4E4E4;
	height: 44px;
	line-height: 40px;
	white-space:nowrap
}
.wk-today {
	color:#fff;
	font-weight:bold;
	background-color:#8ac;
	padding:1px 3px;
	border-top:1px solid #6786a7;
	border-left:1px solid #6786a7;
	border-bottom:1px solid #ace;
	border-right:1px solid #ace
}
.wk-dummyth {
	vertical-align:top;
	background-color:#c3d9ff;
	padding:0
}
.wk-daylink
{
    //cursor:pointer;
}
.wk-daylink:hover
{
    // text-decoration:underline;    
}
.wk-allday {
	background-color:#fff;
	line-height:14px;
	// border-color:#d0d0d0 ;
	// border-style:solid;
	// border-width:1px;
	border-top:1px solid #ddd;
	border-left: none;
}
.title-allday{
	background-color: #F8F8F8;
	// vertical-align:top;
	text-align: right;
	padding-right: 4px;
	color: #484A4D;
	border-top: 1px solid #E4E4E4
	
}
 
.wk-allday .st-c {
	padding-left:0;
	padding-right:0;
	border-left:1px solid #ddd
}
.st-grid {
	position:relative;
	table-layout:fixed;
	width:100%;
}
.st-tr-height{
	height: 34px;
}
.st-c.st-s{
	cursor: pointer;
}
.st-c {
	padding:0px 1px 0 2px;
	vertical-align:top;
	font-family:Verdana, sans-serif
}
.st-s {
	padding-bottom:0px;
	cursor:default;
}
.t1 {
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0 2px;
	overflow:hidden
}
.t2 {
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0 1px;
	overflow:hidden
}
.chromeColor {
	background:#fff;
	border-color:#fff;
}
.tg-timedevents {
	background-color:#fff;
	table-layout:fixed;
	width:100%;
	margin-top:-1px
}

.tg-times {
	padding:0;
	font-family:Arial;
	background-color:#f5f7fa;
	color:#468;
	text-align:right;
	vertical-align:top;
	padding-right:1px;
	padding-top:1px;
	overflow:hidden;
	border-right:1px solid #E2E2E2;

}
.tg-time {
	border-bottom:1px solid #ddd;
	padding-right:2px;
	height: 42px !important;
}
.tg-time:last-child{
	border-bottom: none;	
}
.tg-col {
	border-right: 1px solid #ddd;
	overflow:hidden;
	vertical-align:top
}
.tg-col-overlaywrapper {
	position:relative;
	height:0
}
.tg-col-eventwrapper {
	position:relative;
	cursor:default;
	margin-right:10px;
}
.tg-today {
	background-color:#ffc;
}
.tg-spanningwrapper {
	position:relative;
	// margin-left:3px;
	height:1px;
	top:1px;
}
.tg-hourmarkers {
	position:absolute;
	width:100%;
	// &>:first-child {
	// 	background-color: red;
	// }
}
.tg-dualmarker:first-child{
	// background-color: blue;
	border-top:none;
}
.tg-dualmarker {
	border-top:1px solid #ddd;
	height:1em;
	line-height:1em;
	border-bottom:1px dotted #ddd;
	margin-bottom:20px;
	height:22px;
	line-height:20px;
}
.tg-nowmarker {
	position:absolute;
	left:0;
	width:100%;
	top:0;
	height:0;
	border-top:2px solid red;
	overflow:hidden;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.tg-nowptr {
	position:absolute;
	background-position:-60px -68px;
	width:5px;
	height:9px;
	/* background-image:url(images/calendar/combined_wev8.gif) */
}

.chip {
	position:absolute;
	overflow:hidden;
	cursor:default;
	color:#fff;
	-moz-user-select:none;
}
.chip dl {
	margin:0;
	padding-bottom:1px;
	border-left:1px solid;
	border-right:1px solid;
	overflow:hidden
}
.chip dt {
	margin-top:-1px;
	font:bold 80%/normal Verdana, Sans-serif;
	white-space:nowrap;
	overflow:hidden;
	padding-left:1px;
	text-align:left;
}
.chip a:link, .chip a:visited, .chip a:active {
	text-decoration:none;
	color:#fff
}
.ie6 .chip dl {
	zoom:1
}
.ie6 .chip dt {
	width:100%;
	margin-right:-1px
}
.chip dd {
	margin:0;
	overflow:hidden;
	padding:0 1px;
	font:100%/1.3em Verdana, Sans-serif;
	text-align:left;
	word-wrap:break-word
}
.cb1, .cb2 {
	border-style:solid;
	overflow:hidden;
}
.cb1 {
	height:1px;
	margin:0 1px;
	border-width:0 1px
}
.cb2 {
	height:0;
	margin:0 2px;
	border-width:0 0 1px
}
.ct {
	height:0;
	overflow:hidden;
	border-style:solid;
	border-width:0 2px 2px;
	border-color:transparent
}
.ie6 .ct {
	border-style:solid dotted
}

.cic {
	background-repeat:no-repeat;
	display:inline-block;
	margin-left:2px;
	width:9px;
	height:7px;
	line-height:7px;
	/* background-image:url(images/calendar/combined_wev8.gif) */
}
.ff2 .cic {
	display:-moz-inline-box;
	vertical-align:bottom;
	position:relative;
	top:-2px
}
.cic-ques {
	margin-left:0;
	margin-right:2px;
	width:9px;
	height:9px;
	line-height:9px;
	background-position:-56px -50px
}
.cic-prsn {
	background-position:-28px -50px
}
.cic-noprs {
	background-position:-46px -50px
}
.cic-tmr {
	background-position:-28px -57px
}
.cic-rcr {
	background-position:-37px -50px
}
.cic-spcl {
	background-position:-37px -57px
}
.cic-priv {
	background-position:-11px -64px
}

.resizer {
	position:absolute;
	height:7px;
	line-height:7px;
	width:100%;
	bottom:0;
	cursor:s-resize;
	
}
.rszr_icon 
{
    /*display:none;*/
	border-top:3px double white;
	font-size:0;
	line-height:0;
	height:0;
	width:10px;
	margin-left:auto;
	margin-right:auto
}
.rb-n {
	padding:1px 1px 1px 3px;
	overflow:hidden;
	white-space:nowrap;
	color:white;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer
}
.rb-o {
	margin:0 1px;
	border-width:1px 0;
	cursor:pointer
}
.rb-m {
	background-color:#f7f7f7;
	border-bottom:#e6e6e6 1px solid;
	margin:0 -1px;
	zoom:1;
	line-height: 1.3;
}
.rb-m:hover{
	background-color:#efefef;
}
.rb-i {
	overflow:hidden;
	white-space:nowrap;
	width:90%
}
.mv-container {
	height:100%;
	position:relative;
	line-height:14px;
	white-space:nowrap;
}
.mv-container th{
    
}
.bg-exists .mv-container {
	background-color:transparent
}
.st-contents, .mv-container {
	
	line-height:14px
}
.mv-daynames-table {
	position:absolute;
	table-layout:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	color:#606060
}
.mv-dayname {
	font-weight:normal;
	height:45px;
	border-bottom: 1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
}
.mv-dayname:first-child{
	border-left: none;
}

.mv-event-container {
	overflow:hidden;
	position:absolute;
	left:0;
	width:100%;
	// top:31px;
	top:51px;
	bottom:0;
	background:white;
	border-bottom:1px solid #d0d0d0;
	top:90px;
	// margin: 0 9px;
}
.month-row {
	position:absolute;
	left:0;
	width:100%;
	overflow:hidden
}
.bg-exists .month-row {
	opacity:0.9;
	filter:alpha(opacity=90)
}
.st-bg-table {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	table-layout:fixed;
	tr>:first-child{
		border-left:1px solid #fff;
	}
	.st-bg-0{
		background-color: #F9F9F9;
	}
	.st-bg-6{
		background-color: #F9F9F9;
	}
}
.st-bg {
	border-left:1px solid #E2E2E2;
}
.st-bg-today {
	background-color:#ffc !important;
}
.bg-exists .st-bg-today {
	background-color:#eee;
	border:1px solid #579;
	opacity:0.8;
}
.st-dtitle {
	text-align: right;
	border-top:1px solid #E2E2E2;
	color:#444;
	line-height:16px;
	overflow:hidden;
	padding-right: 8px;
}
.bg-exists .st-dtitle {
	opacity:0.8;
	filter:alpha(opacity=80)
}
.st-dtitle-nonmonth {
	color:#d6d6d6
}
.st-dtitle-today {
}

.st-more {
	color:#112abb;
	text-align:center;
	cursor:pointer;
	/*font-family:Arial, sans-serif*/
}
.st-moreul {
	text-decoration:underline
}
.st-moreicon {
	background-color:#d0d6de;
	color:#627487;
	margin:1px;
	padding-right:5px;
	text-align:right;
	font-size:85%
}
.cc {
	position:absolute;
	border:1px solid gray;
	background-color:white;
	visibility:hidden
}
.cc-titlebar {
	background-color:#e8eef7
}
.cc-close {
	margin:2px 2px 0 0;
	position:absolute;
	right:0;
	cursor:pointer;
	width:15px;
	height:15px;
	/* background:url(images/calendar/combined_wev8.gif) 0 -50px */
}
.cc-title {
	padding:2px;
	font-weight:bold
}
.st-ad-ml, .st-ad-mr {
	position:relative;
	top:2px;
	margin-bottom:-8px;
	height:0;
	width:0;
	line-height:0;
	font-size:0;
	border-top:4px dotted;
	border-top:4px solid transparent;
	border-bottom:4px dotted;
	border-bottom:4px solid transparent
}
.st-ad-mpad {
	padding-left:10px
}
.st-ad-mpad.rb-m{
	// border-radius: 3px;
}
.st-ad-ml {
	border-right:4px solid white;
	margin-left:-7px;
	margin-right:auto
}
.st-ad-mr {
	border-left:4px solid white;
	margin-left:auto;
	margin-right:3px
}

.bubble {
	POSITION: absolute; VISIBILITY: hidden; FONT-SIZE: 9pt; TOP: 0px; LEFT: 0px
}
.bubble-table {
	WIDTH: 100%; TABLE-LAYOUT: fixed
}
.bubble-cell-side {
	WIDTH: 25px
}
.bubble-cell-main {
	WIDTH: 100%
}
.bubble-sprite {
	/* BACKGROUND-IMAGE: url(images/calendar/bubble_combined_wev8.png); */ POSITION: absolute; WIDTH: 148px; HEIGHT: 96px
}
.ie6 .bubble-sprite {
	/* FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="/Theme/Default/images/calendar/bubble_combined_wev8.png"); */ BACKGROUND: none transparent scroll repeat 0% 0%
}
.bubble-corner {
	POSITION: relative; WIDTH: 25px; HEIGHT: 25px; OVERFLOW: hidden
}
.bubble-tl {
	LEFT: 0px
}
.bubble-tr {
	LEFT: -25px
}
.bubble-bl {
	TOP: -25px; LEFT: 0px
}
.bubble-br {
	TOP: -25px; LEFT: -25px
}
.bubble-closebutton {
	POSITION: absolute; WIDTH: 15px; /* BACKGROUND: url(images/calendar/combined_wev8.gif) 0px -50px; */ HEIGHT: 15px; TOP: 10px; CURSOR: pointer; RIGHT: 10px
}
.bubble-top {
	BACKGROUND: #fff; HEIGHT: 24px
}
.bubble-bottom {
	BACKGROUND: #fff; HEIGHT: 24px
}
.bubble-top {
	BORDER-TOP: #ababab 1px solid
}
.bubble-bottom {
	BORDER-BOTTOM: #ababab 1px solid
}
.bubble-mid {
	BORDER-LEFT: #ababab 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; BACKGROUND: #fff; BORDER-RIGHT: #ababab 1px solid; PADDING-TOP: 0px
}
.cb-root {
	WIDTH: 100%; 
	
	OVERFLOW: hidden
}
.cb-switcher {
	MARGIN-BOTTOM: 0.8em
}
.cb-switcher-selected {
	FONT-WEIGHT: bold
}
.cb-table {
	WIDTH: 100%; MARGIN-BOTTOM: 0.8em
}
.cb-example {
	 PADDING-TOP: 2px;
	font-style:italic
}
.cb-key {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0.4em; PADDING-LEFT: 0px; PADDING-RIGHT: 1em; WHITE-SPACE: nowrap; VERTICAL-ALIGN: top; FONT-WEIGHT: normal; PADDING-TOP: 0.4em
}
.cb-value {
	PADDING-BOTTOM: 0.4em; PADDING-LEFT: 0px; WIDTH: 95%; PADDING-RIGHT: 0px; PADDING-TOP: 0.4em;	
}
.cb-textarea {
	HEIGHT: 3.9em
}
.textbox-fill-input {
	width:95%;
	padding:2px;
	border-width:1px;
	border-color:#666 #ccc #ccc #666
}
.lk {
	WHITE-SPACE: nowrap; COLOR: #112abb; CURSOR: pointer; TEXT-DECORATION: underline
}
.cal-control
{
   
}
.control-main
{
    width: 100%;    
    vertical-align: bottom;
    border-color:#c3d9ff;
}
.view-tab {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; VERTICAL-ALIGN: bottom; CURSOR: pointer; PADDING-TOP: 0px
}
.view-tab-unselected {
	BACKGROUND-COLOR: #e8eef7
}
.view-tab-selected {
	BACKGROUND-COLOR: #c3d9ff
}
.tab-name {
	PADDING-BOTTOM: 3px; 
	PADDING-LEFT: 6px; 
	PADDING-RIGHT:6px; 
	WHITE-SPACE: nowrap; 
	PADDING-TOP: 4px
}
.tab-spacer {
	WIDTH: 3px; CURSOR: default
}
.bbit-cs-split
{
    margin-top:2px;
    padding:2px;
    border-top:solid 1px #555;    
}
.textbox-fill-div {
	width:95%;
	padding:2px;
	font-size:14px;
	text-decoration:underline;
}


.prong {
	POSITION: relative; WIDTH: 98px; MARGIN-BOTTOM: -72px; HEIGHT: 72px; OVERFLOW: hidden; TOP: -1px;
	left:101px;
}
.prong .bubble-sprite {
	TOP: -24px; LEFT: -50px
}
.monthdayshow
{
    //cursor:pointer;
}
.monthdayshow:hover
{
    //text-decoration:underline;
}

#weekViewAllDaywkBox{
	max-height:100px;
	overflow-y:scroll;
}
}

.drag-lasso-container {
	POSITION: absolute; 
	WIDTH: 0px; 
	HEIGHT: 0px; 
	TOP: 0px; 
	LEFT: 0px
}
.drag-lasso {
	POSITION: absolute; 
	FILTER: alpha(opacity=70); 
	LINE-HEIGHT: 0; 
	LINE-HEIGHT: 12px; 
	BACKGROUND-COLOR: #c3d9ff; 
	BACKGROUND-COLOR: #E3F6FF; 
	BORDER:1px solid #2DB7F5;
	TEXT-ALIGN:center;
	opacity: 0.7; 
	-khtml-opacity: 0.7;
}
.drag-lasso-old{
	POSITION: absolute; 
	FILTER: alpha(opacity=50); 
	LINE-HEIGHT: 0; 
	BACKGROUND-COLOR: #c3d9ff; 
	FONT-SIZE: 0px; 
	opacity: 0.5; 
	-khtml-opacity: 0.5
}
.drag-event {
	Z-INDEX: 1000; 
	POSITION: absolute; 
	FONT-FAMILY: Verdana,sans-serif; 
	CURSOR: pointer
}
.drag-chip-wrapper {
	Z-INDEX: 1; 
	POSITION: absolute;
	WIDTH: 100%; 
	LEFT: 0px
}
.drag-chip {
	FILTER: alpha(opacity=80); 
	CURSOR: pointer; 
	opacity: .8; 
	-khtml-opacity: .8
}